<template>
  <div class="container" @click.stop="showLanguage = false">
    <div class="page_content container-tt">
      <header class="flex_between">
        <div class="headLogo">
          <div class="flex_ shou" @click="goToApp('video')">
            <img
              src="/static/logo.svg"
              class="img"
              alt="logo"
              width="34"
              height="34"
            />
            <span class="projectName">SavingTik</span>
          </div>
        </div>
        <div class="headTabs flex_">
          <!-- <div class="tItem shou" @click="goToApp('video')">
            {{ currentObj.TikTokDownloader }}
          </div> -->
          <div class="tItem shou" @click="goToApp('mp3')">
            Download TikTok MP3
          </div>
          <div class="tItem shou" @click="goToApp('story')">
            Download TikTok Story
          </div>
          <language ref="languageRef" :pageType="true"></language>
        </div>
        <div class="drawer" @click="showAppRightHandel">
          <img src="/static/menu.png" class="img" alt="" />
        </div>
      </header>
      <div class="banner_box flex_center">
        <div class="banner flex_ccenter">
          <h1 class="h1">How to save tiktok videos without posting</h1>
        </div>
      </div>
      <div class="benefits_center">
        <div class="benefits">
          <div class="beneTit flex_">
            <img
              src="/static/table-of-content.webp"
              class="img"
              alt="table of content"
            />
            <div>In this article:</div>
          </div>
          <div class="beneContent">
            <a href="#part1">
              <div class="col1 flex_">
                <div class="Part">Part 1</div>
                <div class="text">
                  In-Depth Steps to save tiktok videos without posting
                </div>
              </div>
            </a>
            <a href="#on android">
              <div class="col1 flex_">
                <div class="dian"></div>
                <div class="text">
                  Save TikTok videos on Android without posting
                </div>
              </div>
            </a>
            <a href="#on iphone">
              <div class="col1 flex_">
                <div class="dian"></div>
                <div class="text">
                  Save TikTok Videos on iPhone Without Posting
                </div>
              </div>
            </a>
            <a href="#part2">
              <div class="col1 flex_">
                <div class="Part">Part 2</div>
                <div class="text">
                  Advanced Tips for Downloading TikTok Videos Without Watermarks
                </div>
              </div>
            </a>
            <a href="#part3">
              <div class="col1 flex_">
                <div class="Part">Part 3</div>
                <div class="text">
                  Comprehensive FAQs on Saving TikTok Videos
                </div>
              </div>
            </a>
          </div>
        </div>
        <div>
          <img
            src="/static/save-tiktok-videos-without-posting.webp"
            alt="save tiktok videos without posting"
            class="posting-img"
          />
        </div>
      </div>

      <div class="declare">
        <div class="text_content font18" style="color: #fff">
          In the dynamic landscape of social media, TikTok has emerged as a
          beacon for creative expression. As someone who often navigates this
          platform, I've found that there are moments when I want to preserve
          these bursts of creativity for myself, without sharing them with the
          entire world. Whether it's for my personal enjoyment, to spark future
          creativity, or for curating content, learning how to save TikTok
          videos directly to my device has been invaluable. I've put together
          this guide specifically for those of you who, like me, are looking to
          save TikTok draft videos in your gallery without having to post them
          online. Let's dive into the detailed steps to make this happen.
        </div>
      </div>
      <div class="next_content">
        <div class="DetailedGuide">
          <div class="timeline_title flex_">
            <div class="timg">
              <img src="/static/blue.webp" class="img" alt="blue square" />
            </div>
            <h2 class="h3" id="part1">
              In-Depth Steps to save tiktok videos without posting
            </h2>
          </div>
          <div class="Detailed">>>>Detailed Guide</div>
        </div>

        <div class="timeline_content">
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">1</div>
              </div>
              <h3 class="section-right">Starting with TikTok</h3>
            </div>
            <div class="section-lower flex_">
              <div class="Group flex_center">
                <div class="section-left"></div>
              </div>
              <div class="section-right">
                Launch the TikTok app. You'll be greeted by a stream of trending
                videos, but your focus is on creating your own.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/launch-TikTok.webp"
              class="sectionImg"
              alt="launch-TikTok"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">2</div>
              </div>
              <h3 class="section-right">Initiate Video Creation</h3>
            </div>
            <div class="section-lower flex_">
              <div class="Group flex_center">
                <div class="section-left"></div>
              </div>
              <div class="section-right">
                Tap the '+' icon. This is your gateway to either record a fresh
                video or upload one from your gallery.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/initiate-video-creation.webp"
              class="sectionImg"
              alt="Initiate Video Creation"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">3</div>
              </div>
              <h3 class="section-right">Personalize Your Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="Group flex_center">
                <div class="section-left"></div>
              </div>
              <div class="section-right">
                Here's where creativity kicks in. Apply filters, effects, and
                choose a soundtrack. TikTok offers a plethora of editing tools
                to make your video stand out.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/personalize-your-video.webp"
              class="sectionImg"
              alt="Personalize Your Video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">4</div>
              </div>
              <h3 class="section-right">Privacy Settings</h3>
            </div>
            <div class="section-lower flex_">
              <div class="Group flex_center">
                <div class="section-left"></div>
              </div>
              <div class="section-right">
                After crafting your video, select "Who Can See My Video" and
                choose "Private." This ensures your video remains unseen by
                others.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/privacy-setting-video.webp"
              class="sectionImg"
              alt="Privacy Settings"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">5</div>
              </div>
              <h3 class="section-right">Uploading Your Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="Group flex_center">
                <div class="section-left"></div>
              </div>
              <div class="section-right">
                Post the video. It might seem odd, but this step is crucial for
                saving the video in your TikTok gallery.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/uploading-your-TikTok-video.webp"
              class="sectionImg"
              alt="Uploading Your TikTok Video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">6</div>
              </div>
              <h3 class="section-right">Accessing Your Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="Group flex_center">
                <div class="section-left"></div>
              </div>
              <div class="section-right">
                Navigate to your profile, find your newly uploaded video, and
                open it.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/accessing-your-video.webp"
              class="sectionImg"
              alt="Accessing Your Video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">7</div>
              </div>
              <h3 class="section-right">Saving the Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="Group flex_center">
                <div class="section-left"></div>
              </div>
              <div class="section-right">
                Tap on "Share," then select "Save." Your video is now securely
                stored in your device's gallery.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/saving-the-video.webp"
              class="sectionImg"
              alt="Saving the Video"
            />
          </div>
        </div>
        <div class="timeline_content_app">
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 1：Starting with TikTok</h3>
            </div>
            <div class="section-lower flex_">
              <div class="section-right">
                Launch the TikTok app. You'll be greeted by a stream of trending
                videos, but your focus is on creating your own.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/launch-TikTok.webp"
              class="sectionImg"
              alt="launch-TikTok"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 2：Initiate Video Creation</h3>
            </div>
            <div class="section-lower flex_">
              <div class="section-right">
                Tap the '+' icon. This is your gateway to either record a fresh
                video or upload one from your gallery.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/initiate-video-creation.webp"
              class="sectionImg"
              alt="Initiate Video Creation"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 3： Personalize Your Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="section-right">
                Here's where creativity kicks in. Apply filters, effects, and
                choose a soundtrack. TikTok offers a plethora of editing tools
                to make your video stand out.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/personalize-your-video.webp"
              class="sectionImg"
              alt="Personalize Your Video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 4： Privacy Settings</h3>
            </div>
            <div class="section-lower flex_">
              <div class="section-right">
                After crafting your video, select "Who Can See My Video" and
                choose "Private." This ensures your video remains unseen by
                others.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/privacy-setting-video.webp"
              class="sectionImg"
              alt="Privacy Settings"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 5： Uploading Your Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="section-right">
                Post the video. It might seem odd, but this step is crucial for
                saving the video in your TikTok gallery.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/personalize-your-video.webp"
              class="sectionImg"
              alt="Personalize Your Video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 6： Accessing Your Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="section-right">
                Navigate to your profile, find your newly uploaded video, and
                open it.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/accessing-your-video.webp"
              class="sectionImg"
              alt="Accessing Your Video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 7： Saving the Video</h3>
            </div>
            <div class="section-lower flex_">
              <div class="section-right">
                Tap on "Share," then select "Save." Your video is now securely
                stored in your device's gallery.
              </div>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/saving-the-video.webp"
              class="sectionImg"
              alt="Saving the Video"
            />
          </div>
        </div>
      </div>
      <div class="next_content">
        <div class="DetailedGuide">
          <div class="timeline_title flex_">
            <div class="timg">
              <img src="/static/blue.webp" class="img" alt="blue square" />
            </div>
            <h2 class="h3" id="on android">
              Save TikTok videos on Android without posting
            </h2>
          </div>
          <div class="Detailed">>>>Android Path</div>
        </div>

        <div class="timeline_content">
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">1</div>
              </div>
              <h3 class="section-right">
                Launch TikTok and locate your desired video.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/launch-TikTok-and-locate-your-desired-video.webp"
              class="sectionImg"
              alt="Launch TikTok and locate your desired video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">2</div>
              </div>
              <h3 class="section-right">
                Use the share icon (arrow) to find the "Save video" or
                "Download" option.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/use-share-icon.webp"
              class="sectionImg"
              alt="Use share icon"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">3</div>
              </div>
              <h3 class="section-right">
                Allow TikTok to access your gallery for the download.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/allow-TikTok-to-access-your-gallery.webp"
              class="sectionImg"
              alt="allow TikTok to access your gallery"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">4</div>
              </div>
              <h3 class="section-right">Confirm the download with "Done."</h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/confirm-done.webp"
              class="sectionImg"
              alt="confirm done"
            />
          </div>
        </div>
        <div class="timeline_content_app">
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 1：Launch TikTok and locate your desired video.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/launch-TikTok-and-locate-your-desired-video.webp"
              class="sectionImg"
              alt="Launch TikTok and locate your desired video"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 2： Use the share icon (arrow) to find the "Save video" or
                "Download" option.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/use-share-icon.webp"
              class="sectionImg"
              alt="Use share icon"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 3： Allow TikTok to access your gallery for the download.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/allow-TikTok-to-access-your-gallery.webp"
              class="sectionImg"
              alt="allow TikTok to access your gallery"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 4： Confirm the download with "Done."
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/confirm-done.webp"
              class="sectionImg"
              alt="confirm done"
            />
          </div>
        </div>
      </div>
      <div
        class="declare declareapp flex_ccenter"
        style="padding: 20px; margin: 50px 0 80px 0"
      >
        <div class="text_content flex_" id="on iphone">
          <!-- <a href="">Save TikTok Videos on iPhone Without Posting</a> -->
          <div>Save TikTok Videos on iPhone Without Posting</div>
          <div>are the same steps as Android.</div>
        </div>
      </div>
      <div class="next_content">
        <div class="DetailedGuide">
          <div class="timeline_title flex_">
            <div class="timg">
              <img src="/static/blue.webp" class="img" alt="blue square" />
            </div>
            <h2 class="h3" id="part2">
              Advanced Tips for
              <a href="https://savingtik.com/"
                >Downloading TikTok Videos Without Watermarks</a
              >
            </h2>
          </div>
          <div class="forTip">
            For watermark-free downloads, third-party tools like SavingTik are
            invaluable. This tool bypasses TikTok's limitations, offering a
            straightforward way to download videos using URLs.
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/with-and-without-watermark.webp"
              class="next_image"
              alt="Comparison between with and without watermark"
            />
          </div>
          <div class="flex_ccenter Comparison">
            *Comparison between with and without watermark
          </div>
          <div class="Detailed">>>>Savingtik Steps</div>
        </div>
        <div class="timeline_content">
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">1</div>
              </div>
              <h3 class="section-right">
                Open TikTok app or website, copy the video URL which you want to
                download.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/copy-video-url.webp"
              class="sectionImg"
              alt="open TikTok app or website"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">2</div>
              </div>
              <h3 class="section-right">
                Open SavingTik.Com and input the video URL.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/input-video-url.webp"
              class="sectionImg"
              alt="input the video URL"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">3</div>
              </div>
              <h3 class="section-right">Please wait download.</h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/wait-download.webp"
              class="sectionImg"
              alt="wait download"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">4</div>
              </div>
              <h3 class="section-right">
                Track the download and manage the file.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/track-download.webp"
              class="sectionImg"
              alt="track the download"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">5</div>
              </div>
              <h3 class="section-right">Save the video to Phone.</h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/save-video-to-phone.webp"
              class="sectionImg"
              alt="save video to phone"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <div class="current">6</div>
              </div>
              <h3 class="section-right">
                Click on the share icon and select 『Save video.』 The video
                will be automatically saved to your library.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/downloading-tiktok-videos-without-watermarks.webp"
              class="sectionImg"
              alt="downloading TikTok videos without watermarks"
            />
          </div>
        </div>
        <div class="timeline_content_app">
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 1：Open TikTok app or website, copy the video URL which you
                want to download.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/copy-video-url.webp"
              class="sectionImg"
              alt="open TikTok app or website"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 2： Open SavingTik.Com and input the video URL.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/input-video-url.webp"
              class="sectionImg"
              alt="input the video URL"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 3： Please wait download.</h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/wait-download.webp"
              class="sectionImg"
              alt="wait download"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 4： Track the download and manage the file.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/track-download.webp"
              class="sectionImg"
              alt="track the download"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">Step 5： Save the video to Phone.</h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/save-video-to-phone.webp"
              class="sectionImg"
              alt="save video to phone"
            />
          </div>
          <div class="section">
            <div class="section-upper flex_">
              <div class="section-left">
                <!-- <div class="red-dot"></div> -->
                <div class="reddot"></div>
              </div>
              <h3 class="section-right">
                Step 6： Click on the share icon and select 『Save video.』 The
                video will be automatically saved to your library.
              </h3>
            </div>
          </div>
          <div class="flex_ccenter">
            <img
              src="/static/downloading-tiktok-videos-without-watermarks.webp"
              class="sectionImg"
              alt="downloading TikTok videos without watermarks"
            />
          </div>
        </div>
      </div>
      <div class="declare declareapp flex_ccenter declare_center">
        <div class="AndroidTips">
          *Android users, please check the downloaded file in the album
        </div>
        <div class="text_content">
          SavingTik is more than a downloader. It's a creative tool offering
          video editing, audio extraction, and more, making it a go-to for
          content creators.
        </div>
      </div>
      <div class="faqs">
        <div class="flex_center">
          <h3 class="faq_title" id="part3">- FAQs of Saving TikTok Videos -</h3>
        </div>
        <div class="faq_content">
          <div id="faq" itemscope="" itemtype="https://schema.org/FAQPage">
            <div
              itemprop="mainEntity"
              itemscope=""
              itemtype="https://schema.org/Question"
              class="faq_item shou"
              @click="changeFaqItemOpen(item, k)"
              :key="k"
              v-for="(item, k) in list"
            >
              <button style="width: 100%">
                <div class="itemTitle flex_between">
                  <h5 itemprop="name" class="tit">{{ item.title }}</h5>
                  <div class="imgs">
                    <div v-if="!item.isOpen" class="opentriangle"></div>
                    <div v-else class="closetriangle"></div>
                  </div>
                </div>
              </button>
              <div
                itemprop="acceptedAnswer"
                itemscope=""
                itemtype="https://schema.org/Answer"
              >
                <div
                  itemprop="text"
                  class="faq_text"
                  :class="item.isOpen ? '' : 'isBlock'"
                >
                  <template v-if="item.textContent">
                    {{ item.textContent }}
                  </template>
                  <ul v-else>
                    <li :key="i" v-for="(item1, i) in item.text">
                      {{ item1 }}
                    </li>
                  </ul>
                  <div v-if="item.b">
                    <b>{{ item.b.btit }}</b>
                    <div style="word-wrap: break-word">
                      {{ item.b.burl }}
                    </div>
                    <div>{{ item.b.btext }}</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="declare declareapp Conclusionpc Conclusionapp flex_ccenter">
        <div class="Conclusion flex_">
          <img
            src="/static/conclusion.webp"
            alt="conclusion"
            class="Conclusion-Img"
          />
          <div>Conclusion</div>
        </div>
        <div class="text_content">
          Saving TikTok videos without posting them is not just a technique;
          it's a gateway to preserving digital creativity. This guide provides a
          thorough understanding of how to keep your TikTok videos for personal
          use, content creation, or future inspiration. With these methods, you
          have the power to control your digital footprint on TikTok, ensuring
          your creative endeavors are preserved exactly as you intend.
        </div>
      </div>
      <div class="footer">
        <!-- <pc-footer></pc-footer> -->
        <div class="bottom_nav flex_between">
          <div class="logo">
            <img src="@/static/big-logo.svg" class="img" alt="SavingTik" />
          </div>
          <div class="nav_list flex_">
            <div class="item">
              <div class="item_title">Company</div>
              <nuxt-link to="/contact">
                <div class="item_text shou">contact</div>
              </nuxt-link>
              <nuxt-link to="/blog">
                <div class="item_text shou">blog</div>
              </nuxt-link>
            </div>
            <div class="item">
              <div class="item_title shou">Legal</div>
              <nuxt-link to="/terms-of-use">
                <div class="item_text">Terms of use</div>
              </nuxt-link>
              <nuxt-link to="/privacy-policy">
                <div class="item_text">Privacy Policy</div>
              </nuxt-link>
            </div>
            <div class="item">
              <div class="item_title">Tools</div>
              <!-- <div @click="goToTools('video')" class="item_text shou">
            {{ currentObj.TikTokDownloader }}
          </div>
          <div @click="goToTools('mp3')" class="item_text shou">
            {{ currentObj.DownloadTikTokMP3 }}
          </div>
          <div @click="goToTools('story')" class="item_text shou">
            {{ currentObj.DownloadTikTokStory }}
          </div> -->
              <nuxt-link to="/save-tiktok-videos-without-posting">
                <div class="item_text shou">
                  How to save tiktok videos without posting
                </div>
              </nuxt-link>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="page_bottom flex_center">
      ©SavingTik.Com 2023 All Rights Reserved.
    </div>
    <article-content></article-content>
    <div class="app_page_bottom">
      <!-- <app-footer></app-footer> -->
      <div class="hefl flex_center">
        ©SavingTik.Com 2023 All Rights Reserved.
      </div>
      <div class="link flex_ccenter">
        <nuxt-link to="/contact">
          <div>contact</div>
        </nuxt-link>
        <nuxt-link to="/terms-of-use">
          <div class="tr">Terms of use</div>
        </nuxt-link>
        <nuxt-link to="/privacy-policy">
          <div>Privacy Policy</div>
        </nuxt-link>
        <nuxt-link to="/blog">
          <div>blog</div>
        </nuxt-link>
      </div>
    </div>
    <video src="" id="video" autoplay muted v-show="false"></video>
    <div class="dloading" v-if="dloading">
      <div class="loader"></div>
    </div>
    <van-popupapp ref="popupAppRef"></van-popupapp>
  </div>
</template>
      
      <script>
import dataList from "@/static/faqsStory.js";
import { handleClick } from "@/plugins/Firebase.js";
import CryptoJS from "crypto-js";
import { ImagePreview } from "vant";
import language from "@/components/language.vue";
import VanPopupapp from "@/components/vanPopupapp.vue";
import PcFooter from "@/components/pcFooter.vue";
import AppFooter from "@/components/appFooter.vue";
import { mapState, mapGetters, mapMutations } from "vuex";
import dataListTools from "@/static/tools.js";
import ArticleContent from "~/components/articleContent.vue";

export default {
  components: { language, VanPopupapp, PcFooter, AppFooter, ArticleContent },
  head: {
    htmlAttrs: {
      lang: "en",
    },
    bodyAttrs: {
      "data-lang": "en",
    },
    title: "How to save tiktok videos without posting - SavingTik",

    meta: [
      {
        name: "viewport",
        content:
          "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no",
      },
      { name: "robots", content: "index, follow" },
      { name: "revisit-after", content: "1 days" },
      {
        name: "description",
        content:
          "Learn how to save TikTok videos to your device without posting, with detailed steps for Android and iPhone, watermark-free download tips, and helpful FAQs.",
      },
      {
        itemprop: "name",
        content: "How to save tiktok videos without posting - SavingTik",
      },
      { name: "author", content: "SavingTik" },
      { property: "og:locale", content: "en" },
      { name: "msvalidate.01", content: "" },
      { itemprop: "image", content: "/static/logo/savingtik-thumb.webp" },
      { name: "twitter:card", content: "summary" },
      {
        name: "twitter:title",
        content: "How to save tiktok videos without posting - SavingTik",
      },
      {
        name: "twitter:description",
        content:
          "Learn how to save TikTok videos to your device without posting, with detailed steps for Android and iPhone, watermark-free download tips, and helpful FAQs.",
      },
      {
        name: "twitter:image:src",
        content: "/static/logo/savingtik-thumb.webp",
      },
      { name: "twitter:site", content: "SavingTik" },
      {
        property: "og:title",
        content: "How to save tiktok videos without posting - SavingTik",
      },
      { property: "og:type", content: "article" },
      { property: "og:image", content: "/static/logo/savingtik-thumb.webp" },
      {
        property: "og:description",
        content:
          "Learn how to save TikTok videos to your device without posting, with detailed steps for Android and iPhone, watermark-free download tips, and helpful FAQs.",
      },
      { property: "og:site_name", content: "SavingTik" },
      { name: "google", content: "notranslate" },
    ],
    link: [
      // Favicons
      {
        rel: "shortcut icon",
        href: "/static/logo/favicon.png",
        sizes: "512x512",
      },
      {
        rel: "apple-touch-icon",
        href: "/static/logo/favicon.png",
        sizes: "192x192",
      },
      //Apple Touch Icons

      //multilingual
      {
        rel: "canonical",
        href: "https://savingtik.com/save-tiktok-videos-without-posting",
      },
    ],
  },
  name: "download-Story",
  data() {
    return {
      // list: dataList.listEn,
      list: [
        {
          isOpen: false,
          title: "Can I Download TikTok Videos Without Posting?",
          textContent: `Absolutely. It's entirely feasible to save TikTok videos to your gallery or camera roll without making them public. This feature is particularly useful for those who wish to review or edit their videos before sharing, or simply keep them for personal archives.`,
        },
        {
          isOpen: false,
          title: "Can I Save a TikTok Video Before Posting?",
          text: [
            `Yes, indeed! You can save your video to drafts, and then follow the steps outlined earlier to save it without posting. This method is perfect for when you're still working on your video or if you decide not to share it but want to keep a copy.`,
          ],
        },
        {
          isOpen: false,
          title: "Will Saving a Video in Private Mode Affect Its Quality?",
          text: [
            `No, saving a TikTok video in private mode does not degrade its quality. The video is saved in the same resolution and quality as it was originally created or uploaded. This ensures that you retain the best version of your creative work, whether for personal use or future editing.`,
          ],
        },
      ],
      input: "",
      dloading: false,
      showAppRight: false,
      showLanguage: false,
      Language: "en_GB",
      isHttpLoading: false,
      downSuccess: false,
      downStorySuccess: false,
      httpError: false,
      downData: {},
      WithoutVideoSize: "",
      duration: "",
      VideoSize: "",
      currentList: dataListTools.list,
      list1: [
        "en", // 英语
        "id", // 印度尼西亚语
        "vn", // 越南语
        "ms", // 马来语
        "jv", // 爪哇语
        "cs", // 捷克语
        "es", // 西班牙语
        "fr", // 法语
        "de", // 德语
        "it", // 意大利语
        "hu", // 匈牙利语
        "nl", // 荷兰语
        "pl", // 波兰语
        "pt", // 葡萄牙语
        "ro", // 罗马尼亚语
        "th", // 泰语
        "tr", // 土耳其语
        "el", // 希腊语
        "uk", // 乌克兰语
        "ru", // 俄语
        "ar", // 阿拉伯语
        "ko", // 韩语
        "ja", // 日语
      ],
    };
  },
  computed: {
    ...mapGetters(["language"]),
    currentObj() {
      return this.currentList[this.current];
    },
    current() {
      return this.list1.findIndex((x) => x == this.language);
    },
  },
  mounted() {
    this.debouncedDownInput = this.debounce(this.downInput, 1000);
  },
  methods: {
    showAppRightHandel() {
      this.$refs.popupAppRef.open();
    },
    showLanguageHandel() {
      this.$refs.languageRef.close();
    },
    goToApp(type) {
      let url = "";
      switch (type) {
        case "video":
          url = "";
          break;
        case "mp3":
          url = "/download-tiktok-mp3";
          break;
        default:
          url = "/download-tiktok-story";
      }
      if (this.language !== "en") {
        url = `/${this.language}${url}`;
      } else if (this.language == "en" && type == "video") {
        url = `/`;
      }
      this.$router.push(url);
      // 切换页面 action_page_switch
      handleClick("action_page_switch", {
        site: type,
        from: "top",
      });
    },
    goToTop(type) {
      // 切换页面 action_page_switch
      handleClick("action_page_switch", {
        site: type,
        from: "top",
      });
    },
    goToTools(type) {
      // 切换页面 action_page_switch
      handleClick("action_page_switch", {
        site: type,
        from: "tools",
      });
    },
    debounce(fn, delay) {
      let timer;
      return function () {
        let context = this;
        let args = arguments;
        clearTimeout(timer);
        timer = setTimeout(() => {
          fn.apply(context, args);
        }, delay);
      };
    },
    downInput(e) {
      // 粘贴链接到输入框 action_tt_paste
      handleClick("action_tt_paste", {
        islink: e.target.value,
        from: "story",
      });
    },
    handleInput(e) {
      this.debouncedDownInput(e);
    },
    changeLanguage() {
      if (this.$i18n.locale == "en") {
        this.$i18n.setLocale("zh");
      } else {
        this.$i18n.setLocale("en");
      }
    },
    previewImage(item, k) {
      ImagePreview({
        images: this.downData.images,
        startPosition: k,
      });
    },
    sendDownload(event) {
      if (event.keyCode === 13 && !this.isHttpLoading) {
        this.Download();
        event.preventDefault();
        return false;
      }
    },
    async allIn() {
      // 设定 URL 数组
      //点击开始下载按钮 action_tt_download_start
      handleClick("action_tt_download_start", {
        site: "all",
        from: "story",
      });
      // 通过 map 返回一个 Promise 数组
      let promises = this.downData.images.map((url) =>
        this.handleDownloadImages(url)
      );

      // 等待所有 Promise 完成
      await Promise.all(promises);
      this.dloading = false;
    },
    async handleDownloadImages(src) {
      try {
        this.dloading = true;
        const response = await fetch(src);
        if (!response.ok) throw new Error("网络响应不好");
        const data = await response.blob();
        let url = window.URL.createObjectURL(data);
        let link = document.createElement("a");
        link.href = url;
        link.download = "SavingTik-" + new Date().getTime();
        document.body.appendChild(link);
        link.click();
        link.remove();
        // //开始下载 tt_download_start
        handleClick("tt_download_start", {
          site: "all",
          from: "story",
        });
      } catch (error) {
        this.dloading = false;
        console.error("捕获到错误: " + error);
      }
    },
    async handleDownload(src, fileName, type) {
      if (type == "image") {
        //点击开始下载 action_tt_download_start
        handleClick("action_tt_download_start", {
          site: "story",
          from: "story",
        });
      } else if (type == "video") {
        //点击开始下载 tt_download_start
        handleClick("action_tt_download_start", {
          site: "video",
          from: "story",
        });
      } else {
        //点击开始下载 tt_download_start
        handleClick("action_tt_download_start", {
          site: "mp3",
          from: "story",
        });
      }
      try {
        this.dloading = true;
        const response = await fetch(src);
        if (!response.ok) throw new Error("网络响应不好");
        const data = await response.blob();
        let url = window.URL.createObjectURL(data);
        let link = document.createElement("a");
        link.href = url;
        link.download = "SavingTik-" + new Date().getTime();
        document.body.appendChild(link);
        link.click();
        link.remove();
        this.dloading = false;
        if (type == "image") {
          //开始下载 tt_download_start
          handleClick("tt_download_start", {
            site: "story",
            from: "story",
          });
        } else if (type == "video") {
          //开始下载 tt_download_start
          handleClick("tt_download_start", {
            site: "video",
            from: "story",
          });
        } else {
          //开始下载 tt_download_start
          handleClick("tt_download_start", {
            site: "mp3",
            from: "story",
          });
        }
      } catch (error) {
        this.dloading = false;
        console.error("捕获到错误: " + error);
      }
    },
    encryptUrl(url, key, iv) {
      // DES 加密
      let encrypted = CryptoJS.DES.encrypt(
        `m=url&url=${encodeURIComponent(url)}`,
        CryptoJS.enc.Utf8.parse(key),
        {
          iv: CryptoJS.enc.Utf8.parse(iv),
          mode: CryptoJS.mode.CBC,
          padding: CryptoJS.pad.Pkcs7,
        }
      );
      // 转 Base64
      let base64String = encrypted.toString();
      // URL 编码
      let result = encodeURIComponent(base64String);
      // 最终结果
      return `https://savingtik.com/tt.php?v=${result}`;
    },
    decryptUrl(encryptedUrl, key, iv) {
      // URL 解码
      const decodedUrl = decodeURIComponent(encryptedUrl);

      // Base64 解码
      const parsedWordArray = CryptoJS.enc.Base64.parse(decodedUrl);

      // DES解密
      const decrypted = CryptoJS.DES.decrypt(
        {
          ciphertext: parsedWordArray,
        },
        CryptoJS.enc.Utf8.parse(key),
        {
          iv: CryptoJS.enc.Utf8.parse(iv),
          mode: CryptoJS.mode.CBC,
          padding: CryptoJS.pad.Pkcs7,
        }
      );
      return decrypted.toString(CryptoJS.enc.Utf8);
    },
    async Download() {
      // 早些返回以避免嵌套
      if (this.isHttpLoading || this.input === "") return;
      this.downData = {};
      this.httpError = false;
      this.downStorySuccess = false;
      this.downSuccess = false;
      const tiktokUrlPattern = new RegExp("^http(s|)://.*tiktok.com.*/.*$");
      if (!tiktokUrlPattern.test(this.input)) {
        //点击解析下载按钮 action_tt_detect_bottom
        handleClick("action_tt_detect_bottom", {
          site: "other",
          noislink: this.input,
          from: "story",
        });
        this.httpError = true;
        this.isHttpLoading = false;
        return;
      }
      //点击解析下载按钮 action_tt_detect_bottom
      handleClick("action_tt_detect_bottom", {
        site: "tt",
        from: "story",
      });
      //开始解析  tt_start_resolve
      handleClick("tt_start_resolve", {
        islink: this.input,
        from: "story",
      });
      this.isHttpLoading = true;

      try {
        let result = this.encryptUrl(
          this.input,
          process.env.DES_KEY,
          process.env.DES_IV
        );
        const response = await fetch(result, {
          method: "GET",
          headers: { "Content-Type": "application/json" },
        });
        let encryptedResponse = await response.text();
        let decryptedResponse = this.decryptUrl(
          encryptedResponse,
          process.env.DES_KEY,
          process.env.DES_IV
        ); // 使用你的解密函数
        let data = JSON.parse(decryptedResponse).data;
        // 检查数据是否存在
        if (!data) {
          this.httpError = true;
          this.isHttpLoading = false;
          return;
        }

        if (!data.images) {
          await this.fetchVideoAttributes(data);
          //解析成功  tt_resolve_success
          handleClick("tt_resolve_success", {
            site: "video",
            from: "story",
          });
        } else {
          this.downData = data;
          this.downStorySuccess = true;
          this.isHttpLoading = false;
          //解析成功  tt_resolve_success
          handleClick("tt_resolve_success", {
            site: "story",
            from: "story",
          });
        }
      } catch (error) {
        //解析失败  tt_resolve_fail
        handleClick("tt_resolve_fail", {
          reason: "Failed to fetch",
          islink: this.input,
          from: "story",
        });
        console.error(error);
        this.httpError = true;
        this.isHttpLoading = false;
      }
    },

    async fetchVideoAttributes(data) {
      try {
        const videoBlob = await fetch(data.video_url).then((res) => res.blob());
        this.WithoutVideoSize = `${(videoBlob.size / (1024 * 1024)).toFixed(
          2
        )} MB`;
        // const videoBlob1 = await fetch(this.input).then((res) => res.blob());
        // this.VideoSize  = `${(videoBlob1.size / (1024 * 1024)).toFixed(
        //   2
        // )} MB`;
        const video = document.getElementById("video");
        video.setAttribute("src", data.video_url);
        video.crossOrigin = "anonymous";
        video.innerHTML = `<source src=${data.video_url} type="audio/mp4" >`;

        await new Promise((resolve) =>
          video.addEventListener("canplaythrough", () => {
            this.duration = this.formatSeconds(video.duration);
            resolve();
          })
        );

        await new Promise((resolve) => {
          const image = new Image();
          image.onload = resolve;
          image.src = data.cover;
        });

        this.downData = data;
        this.isHttpLoading = false;
        this.downSuccess = true;
      } catch (error) {
        console.error(error);
        this.httpError = true;
        this.isHttpLoading = false;
      }
    },

    formatSeconds(seconds) {
      const hours = Math.floor(seconds / 3600);
      const minutes = Math.floor((seconds - hours * 3600) / 60);
      const secs = Math.floor(seconds % 60);

      // 使用模板字符串清理时间格式化
      const time = [
        hours ? (hours > 9 ? hours : `0${hours}`) : undefined,
        minutes > 9 ? minutes : `0${minutes}`,
        secs > 9 ? secs : `0${secs}`,
      ]
        .filter(Boolean)
        .join(":");

      return time;
    },
    changeFaqItemOpen(item, k) {
      item.isOpen = !item.isOpen;
    },
  },
};
</script>
      <style lang="scss" scoped>
.isBlock {
  display: none;
}
button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
@media (min-width: 1024px) {
  .page_content {
    min-height: 100vh;
    z-index: 100;

    header {
      /* // position: relative; */
      padding: 14px 0;
      z-index: 999;
      .headLogo {
        width: 34px;
        height: 34px;
        .projectName {
          font-size: 21px;
          font-family: Inter-Extra Bold Italic, Inter;
          font-weight: 800;
          font-style: italic;
          color: #ffffff;
          margin-left: 14px;
        }
      }
      .drawer {
        display: none;
      }
      .headTabs {
        .tItem {
          position: relative;
          text-align: right;
          height: 58px;
          font-size: 14px;
          font-family: Poppins-Light, Poppins;
          color: rgba(255, 255, 255, 0.5);
          line-height: 58px;
          margin-left: 70px;

          .expand {
            position: absolute;
            top: 0;
            right: -20px;
            width: 10px;
            height: 8px;
            margin-left: 4px;
          }
          .Language_box {
            position: absolute;
            left: 100px;
            bottom: -200px;
            z-index: 9999;
            width: 162px;
            height: 177px;
            background: rgba(43, 67, 89, 0.15);
            border-radius: 12px;
            overflow-y: scroll;
            padding: 0 14px;
            .item {
              padding: 14px 0;
              border-bottom: 1px solid rgba(125, 125, 125, 0.1);
              font-size: 14px;
              font-family: Poppins-Regular, Poppins;
              font-weight: 400;
              color: rgba(255, 255, 255, 0.5);
              text-align: center;
              line-height: 1;
              .dian {
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background-color: rgba(0, 255, 247, 1);
                margin-right: 10px;
              }
            }
            .changeItemColor {
              font-size: 14px;
              font-family: Poppins-Regular, Poppins;
              font-weight: 400;
              color: #ffffff;
            }
            .item:last-child {
              border: 0;
            }
          }
        }
        .bor {
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        }
        .tItemFFF {
          color: #fff;
        }
        .tItemBlod {
          color: #fff;
          font-weight: 700;
          /* // font-family: Poppins-Bold, Poppins; */
        }
      }
    }
    .banner {
      /* // position: relative; */
      margin-top: 80px;
      margin-bottom: 60px;
      z-index: 100;
      color: #fff;
      .h1 {
        font-size: 56px;
        font-family: Poppins-Bold Italic, Poppins;
      }
      .h2 {
        font-size: 26px;
        font-family: Poppins-Regular, Poppins;
      }
    }

    .tips {
      margin-top: 40px;
      font-size: 18px;
      font-family: Poppins-Regular, Poppins;
      color: #00fff7;
      .tip {
        width: 22px;
        height: 22px;
        margin-right: 10px;
      }
    }

    .declare {
      /* // position: relative; */
      z-index: 999;
      margin-top: 100px;
      width: 100%;
      background: rgba(17, 44, 60, 0.2);
      border-radius: 32px;
      z-index: 100;
      padding: 40px;
      .h3 {
        font-size: 36px;
      }
      a {
        color: rgba(249, 34, 76, 1);
        font-weight: 700;
        margin-right: 6px;
        text-decoration: underline;
      }
      .Conclusion {
        font-weight: 700;
        font-size: 28px;
        font-family: Poppins, Poppins;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 20px;
        .Conclusion-Img {
          width: 32px;
          height: 32px;
          margin-right: 10px;
        }
      }
      .AndroidTips {
        font-size: 20px;
        font-family: Poppins, Poppins;
        font-weight: 500;
        color: rgba(249, 34, 76, 0.5);
        margin-bottom: 20px;
      }
      .tit {
        color: #fff;
        font-family: Poppins-Bold Italic, Poppins;
        vertical-align: middle;
        align-items: flex-start;
        .timg {
          width: 15px;
          height: auto;
          margin-right: 10px;
          margin-top: 20px;
          .img {
            vertical-align: middle;
          }
        }
      }
      .text_content {
        font-size: 16px;
        color: rgba(255, 255, 255, 0.5);

        font-weight: 500;
        font-family: Poppins-Light, Poppins;
      }
    }
    .Conclusionpc {
      padding: 40px 50px;
      padding-top: 30px;
      margin-top: 100px;
    }
    .font18 {
      font-size: 18px !important;
    }
    .next_content {
      /* // position: relative; */
      z-index: 999;
      margin-top: 100px;
      padding-left: 50px;
      .h3 {
        font-size: 36px;
      }
      .DetailedGuide {
        display: flex;
        flex-direction: column;
      }
      .next_image {
        width: 613px;
        height: auto;
        margin: 40px 0;
      }
      .Comparison {
        font-size: 16px;
        font-family: Poppins, Poppins;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.5);
      }
      .forTip {
        font-size: 16px;
        font-family: Poppins, Poppins;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.5);
        width: 800px;
        margin: 20px 0;
        margin-left: 30px;
      }
      .Detailed {
        margin: 40px 0 20px 0;
        width: 100%;
        text-align: left;
        font-size: 28px;
        font-family: Poppins, Poppins;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.8);
        font-weight: 700;
      }
      .timeline_title {
        color: #fff;
        font-size: 36px;
        font-family: Poppins-Bold Italic, Poppins;
        vertical-align: middle;
        align-items: flex-start;
        .timg {
          width: 15px;
          height: auto;
          margin-right: 10px;
          margin-top: 4px;
          .img {
            vertical-align: middle;
          }
        }
      }
      .timeline_content_app {
        display: none;
      }
      .timeline_content {
        .sectionImg {
          margin: 20px 0;
          margin-top: 50px;
          width: 480px;
          height: auto;
        }
        .section {
          margin-top: 34px;
          .section-upper {
            font-family: Poppins-Bold Italic, Poppins;
            .section-left {
              position: relative;
              width: 40px;
              height: 40px;
              background: rgba(249, 34, 76, 0.2);
              border-radius: 50%;

              .current {
                position: absolute;
                top: -34px;
                left: 55%;
                transform: translateX(-50%);
                font-size: 54px;
                font-weight: normal;
                color: #f9224c;
              }
            }
            .section-right {
              margin-left: 22px;
              font-size: 28px;
              color: #3ec6ff;
              flex: 1;
            }
          }
          .section-lower {
            margin: 16px 0;
            .Group {
              width: 39px;
            }
            .section-left {
              width: 20px;
              height: 20px;
              background: url("~static/Group.webp");
              background-size: 20px auto;
              background-repeat: no-repeat;
            }
            .section-right {
              margin-left: 22px;
              flex: 1;
              border-radius: 14px;
              background-color: rgba(17, 44, 60, 0.2);
              padding: 16px 24px;
              font-size: 14px;
              font-family: Poppins-Regular, Poppins;
              color: #ffffff;
            }
          }
        }
        .section:nth-child(3) {
          .section-right {
          }
        }
      }
    }
    .benefits_center {
      display: flex;
      align-content: center;
      justify-content: space-between;
      .posting-img {
        width: 390px;
        height: auto;
      }
    }
    .benefits {
      .beneTit {
        font-size: 28px;
        font-family: Poppins-Bold Italic, Poppins;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.8);
        .img {
          margin-right: 10px;
          width: 32px;
          height: 32px;
        }
      }
      .beneContent {
        z-index: 999;
        margin-top: 40px;
        margin-left: 8px;

        .col1 {
          margin-bottom: 18px;
          font-family: Poppins-Italic, Poppins;

          .Part {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.5);
            margin-right: 10px;
            font-weight: 700;
          }
          .dian {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            margin-right: 10px;
            margin-left: 50px;
          }
          .text {
            font-size: 14px;
            color: rgba(255, 255, 255, 0.5);
            text-decoration: underline;
          }
        }
      }
    }
    .faqs {
      /* // position: relative; */
      margin-top: 30px;
      width: 100%;
      .faq_title {
        font-size: 36px;
        font-family: Poppins-Bold Italic, Poppins;
        color: #ffffff;
      }
      .faq_content {
        margin-top: 100px;
        .faq_item {
          padding: 20px 0;
          border-bottom: 1px solid rgba(217, 217, 217, 0.1);
          .itemTitle {
            .tit {
              font-size: 18px;
              font-family: Poppins-Bold, Poppins;
              font-weight: bold;
              color: #ffffff;
              text-align: left;
            }
            .imgs {
              width: 22px;
              height: 22px;
            }
            .opentriangle {
              width: 22px;
              height: 22px;
              /* // position: relative; */
              background-image: url("~static/xiajiao.png"); /* 使用 "~" 作为前缀可以更好地解析静态资源的路径 */
              background-size: 22px 22px;
              background-repeat: no-repeat;
              z-index: 9999;
            }
            .closetriangle {
              width: 22px;
              height: 22px;
              /* // position: relative; */
              background-image: url("~static/shangjiao.png"); /* 使用 "~" 作为前缀可以更好地解析静态资源的路径 */
              background-size: 22px 22px;
              background-repeat: no-repeat;
              z-index: 9999;
            }
          }
          .faq_text {
            margin-top: 20px;
            font-size: 16px;
            font-family: Poppins-Italic, Poppins;
            color: rgba(255, 255, 255, 0.5);
          }
        }
      }
    }
    .footer {
      /* // position: relative; */

      margin-top: 300px;
      .bottom_nav {
        align-items: flex-start;
        .logo {
          transform: translate(-10px, -27px);
          width: 132px;
          height: 171px;
        }
        .nav_list {
          align-items: flex-start;
          .item {
            margin-left: 140px;
            width: 200px;

            .item_title {
              margin-bottom: 20px;
              font-size: 18px;
              font-family: Poppins-Bold, Poppins;
              font-weight: bold;
              color: #ffffff;
            }
            .item_text {
              margin-bottom: 20px;
              font-size: 14px;
              font-family: Poppins-Regular, Poppins;
              font-weight: 400;
              color: rgba(255, 255, 255, 0.5);
            }
          }
        }
      }
    }
  }
  .page_bottom {
    margin-top: 30px;
    padding: 40px 0;
    border-top: 2px solid rgba(217, 217, 217, 0.1);
    font-size: 14px;
    font-family: Poppins-Regular, Poppins;
    color: rgba(255, 255, 255, 0.5);
  }
  .app_page_bottom {
    display: none;
  }
}
@media (max-width: 1023px) {
  /* 当设备屏幕宽度小于等于1023像素时，应用其中定义的样式。 */

  .page_content {
    padding: 0 24px;
    min-height: 100vh;
    z-index: 100;
    width: 100%;
    header {
      /* // position: relative; */
      padding: 14px;
      z-index: 999;
      .headLogo {
        transform: translateX(-14px);
        width: 19px;
        height: 19px;
        .projectName {
          font-size: 12px;
          font-family: Inter-Extra Bold Italic, Inter;
          font-weight: 800;
          font-style: italic;
          color: #ffffff;
          margin-left: 12px;
        }
      }
      .drawer {
        display: block;
        width: 26px;
        height: 26px;
        transform: translateX(14px);
      }
      .headTabs {
        display: none;
        .tItem {
          position: relative;
          width: 220px;
          text-align: right;
          height: 38px;
          font-size: 14px;
          font-family: Poppins-Light, Poppins;
          color: rgba(255, 255, 255, 0.5);
          line-height: 38px;
          .bor {
            position: absolute;
            bottom: -18px;
            left: 82px;
            width: 142px;
            height: 1px;
            background: rgba(255, 255, 255, 0.5);
          }
          .expand {
            position: absolute;
            top: 0;
            right: -20px;
            width: 10px;
            height: 8px;
            margin-left: 4px;
          }
          .Language_box {
            position: absolute;
            left: 100px;
            bottom: -200px;
            z-index: 9999;
            width: 162px;
            height: 177px;
            background: rgba(43, 67, 89, 0.15);
            border-radius: 12px;
            overflow-y: scroll;
            padding: 0 14px;
            .item {
              padding: 14px 0;
              border-bottom: 1px solid rgba(125, 125, 125, 0.1);
              font-size: 14px;
              font-family: Poppins-Regular, Poppins;
              font-weight: 400;
              color: rgba(255, 255, 255, 0.5);
              text-align: center;
              line-height: 1;
              .dian {
                width: 4px;
                height: 4px;
                border-radius: 50%;
                background-color: rgba(0, 255, 247, 1);
                margin-right: 10px;
              }
            }
            .changeItemColor {
              font-size: 14px;
              font-family: Poppins-Regular, Poppins;
              font-weight: 400;
              color: #ffffff;
            }
            .item:last-child {
              border: 0;
            }
          }
        }
        .tItemFFF {
          color: #fff;
        }
        .tItemBlod {
          color: #fff;
          font-weight: 700;
          /* // font-family: Poppins-Bold, Poppins; */
        }
      }
    }
    .banner {
      /* // position: relative; */
      margin-top: 30px;
      width: 100%;
      height: auto;
      margin-bottom: 40px;
      z-index: 100;
      color: #fff;
      .h1 {
        font-size: 22px;
        font-family: Poppins-Bold Italic, Poppins;
      }
      .h2 {
        font-size: 12px;
        font-family: Poppins-Regular, Poppins;
      }
    }

    .tips {
      margin-top: 20px;
      font-size: 12px;
      font-family: Poppins-Regular, Poppins;
      color: #00fff7;
      .tip {
        width: 14px;
        height: 14px;
        margin-right: 10px;
      }
    }

    .declare {
      /* // position: relative; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 999;
      margin-top: 20px;
      width: 100%;
      text-align: center;
      z-index: 100;
      .tit {
        color: #fff;
        font-size: 16px;
        font-family: Poppins-ExtraBold, Poppins;
        font-weight: 800;
        vertical-align: middle;
        align-items: center;
        width: 200px;
        .timg {
          display: none;
        }
      }
      .text_content {
        margin-top: 10px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
        text-align: left;
        font-weight: 500;
        font-family: Poppins-Light, Poppins;
      }
    }
    .Conclusionapp {
      .Conclusion {
        margin-top: 40px !important;
        width: 100%;
      }
    }
    .declare_center {
      margin-top: 30px;
      text-align: center;
      .text_content {
        text-align: center;
      }
    }
    .declareapp {
      margin: 0 !important;
      margin-top: 20px !important;
      .text_content {
        display: flex;
        flex-direction: column;
        a {
          color: rgba(249, 34, 76, 1);
          font-weight: 700;
          margin-right: 6px;
          text-decoration: underline;
        }
      }
      .AndroidTips {
        color: rgba(249, 34, 76, 0.5);
      }
      .Conclusion {
        font-weight: 700;
        font-size: 20px;
        font-family: Poppins, Poppins;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.8);
        .Conclusion-Img {
          width: 20px;
          height: 20px;
          margin-right: 10px;
        }
      }
    }
    .next_content {
      /* // position: relative; */
      z-index: 999;
      margin-top: 40px;
      .Detailed {
        margin-top: 20px;
        font-weight: 700;
        width: 100%;
        color: rgba(255, 255, 255, 0.8);
        text-align: center;
      }
      .forTip {
        color: #fff;
        font-size: 14px;
        margin: 20px 0;
      }
      .Comparison {
        margin-top: 20px;
        font-size: 14px;
        font-family: Poppins, Poppins;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.5);
      }
      .next_image {
        width: 100%;
        height: auto;
      }
      .timeline_title {
        padding: 0 30px;
        color: #fff;
        font-size: 16px;
        font-family: Poppins-ExtraBold, Poppins;
        font-weight: 800;
        text-align: center;
        .red {
          color: rgba(249, 34, 76, 1);
        }
        .timg {
          display: none;
        }
      }
      .timeline_content_app {
        display: block;
        /* // position: relative; */
        border-radius: 24px 24px 24px 24px;
        background-color: rgba(17, 44, 60, 0.5);
        border: 1px solid #112c3c;
        padding: 22px 18px;
        padding-bottom: 2px;
        z-index: 999;
        margin-top: 40px;

        .section {
          .section-upper {
            font-family: Poppins-Bold Italic, Poppins;
            align-items: flex-start;
            .section-left {
              position: relative;
              width: 12px;
              height: 12px;
              .reddot {
                margin-top: 4px;
                width: 12px;
                height: 12px;
                background-image: url("~static/hongdian.png");
                /* 使用 "~" 作为前缀可以更好地解析静态资源的路径 */
                background-size: 12px 12px;
                background-repeat: no-repeat;
              }
            }
            .section-right {
              flex: 1;

              margin-left: 16px;
              font-size: 16px;
              color: #00fff7;
            }
          }
          .section-lower {
            .section-right {
              margin-top: 6px;
              margin-left: 26px;
              flex: 1;
              font-size: 14px;
              font-family: Poppins-Regular, Poppins;
              font-weight: 400;
              color: rgba(255, 255, 255, 0.8);
            }
          }
        }
        .sectionImg {
          margin: 20px 0;
          width: 300px;
          height: auto;
        }
        .section:nth-child(3) {
          margin-bottom: 0;
          .section-right {
            margin-bottom: 0;
          }
        }
      }
      .timeline_content {
        display: none;
        margin-top: 80px;
        .section {
          margin-top: 34px;
          .section-upper {
            font-family: Poppins-Bold Italic, Poppins;
            .section-left {
              position: relative;
              width: 61px;
              height: 61px;
              background: rgba(249, 34, 76, 0.2);
              border-radius: 50%;

              .current {
                position: absolute;
                top: -50px;
                left: 60%;
                transform: translateX(-50%);
                font-size: 82px;
                font-weight: normal;
                color: #f9224c;
              }
            }
            .section-right {
              margin-left: 22px;
              font-size: 42px;
              color: #00fff7;
            }
          }
          .section-lower {
            margin: 16px 0;
            .Group {
              width: 61px;
            }
            .section-left {
              width: 28px;
              height: auto;
            }
            .section-right {
              margin-left: 22px;
              flex: 1;
              border-radius: 24px;
              background-color: rgba(17, 44, 60, 0.2);
              padding: 24px 44px;
              font-size: 21px;
              font-family: Poppins-Regular, Poppins;
              color: #ffffff;
            }
          }
        }
        .section:nth-child(3) {
          .section-right {
            margin-top: 26px;
          }
        }
      }
    }
    .benefits_center {
      margin-top: 0;
      padding: 20px 16px;
      border-radius: 20px;
      background-color: rgba(86, 86, 86, 0.1);
      .posting-img {
        margin-top: 10px;
        width: 100%;
        height: auto;
      }
      .Part {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
        margin-right: 10px;
        font-weight: 700;
      }
    }
    .benefits {
      .benePosi {
        display: none;
        position: absolute;
        right: -57px;
        bottom: -154px;
        width: 460px;
        height: 460px;
      }
      .beneTit {
        font-size: 14px;
        font-family: Poppins-Bold Italic, Poppins;
        font-weight: normal;
        color: #575079;
        .img {
          margin-right: 10px;
          width: 18px;
          height: 18px;
        }
      }
      .beneContent {
        /* // position: relative; */
        z-index: 999;
        margin-top: 20px;
        .col1 {
          align-items: flex-start;
          transform: translateX(6px);
          margin-bottom: 10px;
          font-family: Poppins-Italic, Poppins;

          .dian {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background-color: rgba(87, 80, 121, 0.5);
            margin-right: 10px;
            margin-top: 6px;
          }
          .text {
            flex: 1;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.5);
            text-decoration: underline;
          }
        }
      }
    }
    .faqs {
      margin-top: 40px;
      width: 100%;
      .faq_title {
        font-size: 16px;
        font-family: Poppins-ExtraBold, Poppins;
        color: #ffffff;
      }
      .faq_content {
        margin-top: 40px;
        .faq_item {
          border-radius: 24px;
          padding: 18px;
          background: rgba(17, 44, 60, 0.5);
          border: 1px solid #112c3c;
          margin-bottom: 20px;
          .itemTitle {
            text-align: left;
            .tit {
              font-size: 14px;
              font-family: Poppins-Bold, Poppins;
              font-weight: bold;
              color: rgba(255, 255, 255, 0.8);
              flex: 1;
            }
            .imgs {
              width: 20px;
              height: 20px;
              opacity: 0.8;
              margin-left: 20px;
            }
            .opentriangle {
              /* // position: relative; */
              width: 22px;
              height: 22px;
              background-image: url("~static/xiajiao.png"); /* 使用 "~" 作为前缀可以更好地解析静态资源的路径 */
              background-size: 22px 22px;
              background-repeat: no-repeat;
              z-index: 9999;
            }
            .closetriangle {
              /* // position: relative; */
              width: 22px;
              height: 22px;
              background-image: url("~static/shangjiao.png"); /* 使用 "~" 作为前缀可以更好地解析静态资源的路径 */
              background-size: 22px 22px;
              background-repeat: no-repeat;
              z-index: 9999;
            }
          }
          .faq_text {
            margin-top: 16px;
            font-size: 12px;
            font-family: Poppins-Italic, Poppins;
            color: rgba(255, 255, 255, 0.5);
          }
        }
      }
    }
    .footer {
      display: none;
      margin-top: 300px;
      .bottom_nav {
        align-items: flex-start;
        .logo {
          transform: translate(-60px, -77px);
          width: 182px;
          height: 182px;
        }
        .nav_list {
          align-items: flex-start;
          .item {
            margin-left: 140px;
            .item_title {
              margin-bottom: 20px;
              font-size: 21px;
              font-family: Poppins-Bold, Poppins;
              font-weight: bold;
              color: #ffffff;
            }
            .item_text {
              margin-bottom: 20px;
              font-size: 16px;
              font-family: Poppins-Regular, Poppins;
              font-weight: 400;
              color: rgba(255, 255, 255, 0.5);
            }
          }
        }
      }
    }
  }
  .page_bottom {
    display: none;
    margin-top: 100px;
    padding: 40px 0;
    border-top: 2px solid rgba(217, 217, 217, 0.1);
    font-size: 14px;
    font-family: Poppins-Regular, Poppins;
    color: rgba(255, 255, 255, 0.2);
  }
  .app_page_bottom {
    margin-top: 60px;
    padding: 14px 40px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(217, 217, 217, 0.03);
    font-family: Poppins-Regular, Poppins;
    color: rgba(255, 255, 255, 0.5);
    // .hefl {
    //   color: rgba(255, 255, 255, 0.1);

    //   font-size: 10px;
    //   margin-bottom: 12px;
    // }
    // .link {
    //   /* // position: relative; */
    //   font-size: 12px;
    //   .tr {
    //     transform: translateX(12px);
    //   }
    // }
  }
}
.popup_box {
  width: 100%;
  height: 100%;
  background: #080f25;

  .close {
    padding: 14px;
    .img {
      width: 26px;
      height: 26px;
    }
  }
  .page_box {
    margin-bottom: 20px;
    .item {
      padding: 16px;
      padding-left: 20px;
      font-size: 12px;
      font-family: Poppins-Regular, Poppins;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.8);
      .dian {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #00fff7;
        margin-right: 8px;
      }
    }
    .item:nth-child(3) {
      background-color: rgba(17, 44, 60, 0.3);
      font-size: 12px;
      font-family: Poppins-Bold, Poppins;
      font-weight: bold;
      color: #00fff7;
    }
    .item:nth-child(1) {
      .dian {
        background: transparent;
      }
    }
    .item:nth-child(2) {
      .dian {
        background: transparent;
      }
    }
  }
  .Language_box {
    padding-top: 30px;
    border-top: 1px solid rgba(217, 217, 217, 0.1);
    .title {
      font-size: 12px;
      font-family: Poppins-Regular, Poppins;
      font-weight: 400;
      color: #ffffff;
      padding-bottom: 10px;
      padding-left: 20px;
    }
    .item {
      padding: 16px;
      padding-left: 20px;
      font-size: 12px;
      font-family: Poppins-Regular, Poppins;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.8);
      .dian {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #00fff7;
        margin-right: 8px;
      }
    }
    .item:nth-child(2) {
      background-color: rgba(17, 44, 60, 0.3);
      font-size: 12px;
      font-family: Poppins-Bold, Poppins;
      font-weight: bold;
      color: #00fff7;
    }
    .item:nth-child(3) {
      .dian {
        background: transparent;
      }
    }
    .item:nth-child(4) {
      .dian {
        background: transparent;
      }
    }
    .item:nth-child(5) {
      .dian {
        background: transparent;
      }
    }
  }
}
.hefl {
  color: rgba(255, 255, 255, 0.3);
  font-size: 10px;
  margin-bottom: 12px;
}
.link {
  position: relative;
  font-size: 12px;
  div {
    height: 50px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
    .container-tt {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
    }

    .page_content .footer .bottom_nav .nav_list {
        align-items: flex-start;

        .item {
            margin-left: 100px;
            width: 160px;

            .item_title {
                margin-bottom: 20px;
                font-size: 18px;
                font-family: Poppins-Bold, Poppins;
                font-weight: bold;
            }

            .item_text {
                margin-bottom: 20px;
                font-size: 14px;
                font-family: Poppins-Regular, Poppins;
                font-weight: 400;
            }
        }
    }
}

@media (min-width: 1200px) {
    .container-tt {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
    }

    .nav_list {
        align-items: flex-start;

        .item {
            margin-left: 140px !important;
            width: 200px !important;

            .item_title {
                margin-bottom: 20px;
                font-size: 18px;
                font-family: Poppins-Bold, Poppins;
                font-weight: bold;
            }

            .item_text {
                margin-bottom: 20px;
                font-size: 14px;
                font-family: Poppins-Regular, Poppins;
                font-weight: 400;
            }
        }
    }
}
</style>